//监听表格操作相关
layui.use('table', function(){
    var table = layui.table;
    //加载表格
    table.render({
         elem: '#mian_table'
        ,url: '/system/role' //数据接口
        ,method:'get'
        ,page: true //开启分页
        ,cols: [[ //表头
             {field: 'checkbox', title: '选择',fixed: 'left',type:'checkbox'}
            ,{field: 'id', title: 'ID',  sort: true, fixed: 'left'}
            ,{field: 'username', title: '用户名'}
            ,{field: 'sex', title: '性别',  sort: true}
            ,{field: 'city', title: '城市',sort: true}
            ,{field: 'sign', title: '签名',}
            ,{field: 'experience', title: '积分', sort: true}
            ,{field: 'score', title: '评分',  sort: true}
            ,{field: 'classify', title: '职业'}
            ,{field: 'wealth', title: '财富',  sort: true}
            ,{field: 'info', title: '操作', templet:'#toolbar',fixed: 'right'}
        ]]
    });



    //监听表格复选框选择
    table.on('checkbox(demo)', function(obj){
        console.log(obj)
    });
    //监听工具条
    table.on('tool(demo)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
            layer.msg('ID：'+ data.id + ' 的查看操作');
        } else if(obj.event === 'del'){
            layer.confirm('真的删除行么', function(index){
                obj.del();
                layer.close(index);
            });
        } else if(obj.event === 'edit'){
            layer.alert('编辑行：<br>'+ JSON.stringify(data))
        }
    });

    var $ = layui.$, active = {
        getCheckData: function(){ //获取选中数据
            var checkStatus = table.checkStatus('idTest')
                ,data = checkStatus.data;
            layer.alert(JSON.stringify(data));
        }
        ,getCheckLength: function(){ //获取选中数目
            var checkStatus = table.checkStatus('idTest')
                ,data = checkStatus.data;
            layer.msg('选中了：'+ data.length + ' 个');
        }
        ,isAll: function(){ //验证是否全选
            var checkStatus = table.checkStatus('idTest');
            layer.msg(checkStatus.isAll ? '全选': '未全选')
        }
    };

    $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
});